<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>柔宇官网 Royole-We invent the future</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="swiper-4.5.0/dist/css/swiper.min.css" />
	</head>

	<body>
		<!--轮播-->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/home-banner-flexpai-cn-20190606.jpg" /></div>
				<div class="swiper-slide"><img src="img/home-banner-LV-cn-20190524.jpg" /></div>
				<div class="swiper-slide"><img src="img/home-banner-fd-cn.jpg" /></div>
				<div class="swiper-slide"><img src="img/rotorch_banner.jpg" /></div>
				<div class="swiper-slide"><img src="img/banner_cn_20181227.jpg" /></div>
				<div class="swiper-slide"><img src="img/fd-6-banner-cn_20180814.jpg" /></div>
				<div class="swiper-slide"><img src="img/moon-banner-cn_20180814.jpg" /></div>
				<div class="swiper-slide"><img src="img/rowrite-banner-cn_20180814.jpg" /></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>

			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>

			<div class="tu">
				<img src="img/11.png" />
			</div>
		</div>

		<div class="box ">
			<nav class="navbar navbar-expand-lg navbar-light ">
				<a class="navbar-brand" href="#">
					<img src="img/logo_white.png" />
					<img src="img/logo_blue.png" />
				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    				<span class="navbar-toggler-icon"></span>
  				</button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav mr-auto">
						<li class="nav-item li-1">
							<a class="nav-link" href="#">消费者产品<span class="sr-only">(current)</span></a>

						</li>
						<li class="nav-item li-2">
							<a class="nav-link" href="#">行业解决方案</a>

						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">服务与支持</a>
							<div class="nav-body-two">
								<ul class="xiala">
									<li>
										<a href="#">玩机教程</a>
									</li>
									<li>
										<a href="#">帮助中心</a>
									</li>
									<li>
										<a href="#">售后政策</a>
									</li>
									<li>
										<a href="#">下载和更新</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a class="nav-link " href="#">社区</a>
							<div class="nav-body-two">
								<ul class="xiala">
									<li>
										<a href="#">开发者</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>

					<form class="form-inline my-2 my-lg-0">
						<button type="button" class="btn btn-primary">商城</button>
						<img src="img/profile_gray.png" />
					</form>

				</div>

			</nav>

			<div class="nav-body-one nav-body1">

				<div class="nav-body">
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/flexpai_nav_img-cn.png" />
								<span>FlexPai柔派手机</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/230-180.png" />
								<span>RoTorch柔炬</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/flexible_display_wearables_bar.png" />
								<span>柔性屏时尚衣帽</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/rowrite-325x234.png" />
								<span>RoWrite柔记</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/moon_4g-325x234.png" />
								<span>Royole Moon系列</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img/>
								<span>全部产品</span>
							</li>
						</a>
					</ul>
				</div>
			</div>

			<div class="nav-body-one nav-body2">
				<div class="nav-body">
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/1_normal@2x.png" />
								<span>消费电子</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/2_normal@2x.png" />
								<span>智能交通</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/3_normal@2x.png" />
								<span>智能家居</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/4_normal@2x.png" />
								<span>运动时尚</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/5_normal@2x.png" />
								<span>教育办公</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/6_normal@2x.png" />
								<span>机器人</span>
							</li>
						</a>
					</ul>
					<ul>
						<a href="#">
							<li class="nav-con-one">
								<img src="img/7_normal@2x.png" />
								<span>其他</span>
							</li>
						</a>
					</ul>
				</div>
			</div>
		</div>

		<div class="hot">
			<h3>热门产品</h3>
			<div class="hot_show">
				<div class="hot_show_left">
					<h5>FlexPai柔派手机</h5>
					<p>折叠下一个十年</p>
					<img src="img/flexpai-cn.jpg" />
				</div>
				<div class="hot_show_right">
					<div class="hot_show_up">
						<img src="img/2.png" />
						<h5>柔记 RoWrite 智能手写本</h5>
						<p>写在纸上，记在芯里</p>
					</div>
					<div class="hot_show_down">
						<img src="img/m_moon.jpg" />
						<h5>Moon 3D移动影院</h5>
						<p>柔宇明月，如影随行</p>
					</div>
				</div>
			</div>
		</div>

		<div class="flex">
			<img src="img/flexible_icon@2x.png" />
			<h3>"柔性+"商用解决方案</h3>
			<p>深圳市柔宇科技有限公司是全球柔性显示、柔性传感、柔性屏手机及相关智能设备的领航者</p>
			<p>专注于下一代人机交互及万物互联技术和产品的研究、开发、生产及销售。</p>
			<div class="pic">
				<ul>
					<li>
						<img src="img/sibc.jpg" />
						<div class="zi">
							<h3>消费电子</h3>
							<img src="img/more.png" />
						</div>
						<div class="zhe">
							<p>手机、柔性键盘、智能穿戴手表、
								<br /> 美颜自拍杆、手机壳等产品
							</p>

							<button>了解更多</button>
						</div>
					</li>
					<li>
						<img src="img/sibd.jpg" />
						<div class="zi">
							<h3>智能交通</h3>
							<img src="img/more.png" />
						</div>
						<div class="zhe">
							<p>柔性汽车中控、仪表、座椅、<br /> 车窗、天窗等产品
							</p>

							<button>了解更多</button>
						</div>
					</li>
					<li>
						<img src="img/sibb.jpg" />
						<div class="zi">
							<h3>智能家居</h3>
							<img src="img/more.png" />
						</div>
						<div class="zhe">
							<p>智能开关、遥控器、会议系统、<br /> 柔性电子智能沙发等产品
							</p>

							<button>了解更多</button>
						</div>
					</li>
					<li>
						<img src="img/sibe.jpg" />
						<div class="zi">
							<h3>运动时尚</h3>
							<img src="img/more.png" />
						</div>
						<div class="zhe zhao">
							<p>手服饰、鞋履、配饰、<br /> 箱包等产品
							</p>

							<button>了解更多</button>
						</div>
					</li>
					<li>
						<img src="img/siba.jpg" />
						<div class="zi">
							<h3>教育办公</h3>
							<img src="img/more.png" />
						</div>
						<div class="zhe zhao">
							<p>智能背包、智能手写本、教育<br /> 办公软件平台等产品
							</p>

							<button>了解更多</button>
						</div>
					</li>
					<li>
						<img src="img/sibf.jpg" />
						<div class="zi">
							<h3>机器人</h3>
							<img src="img/more.png" />
						</div>
						<div class="zhe zhao">
							<p>商业机器人、益智机器人、<br /> 陪伴机器人等产品
							</p>

							<button>了解更多</button>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class=" art">
			<h3>"柔性+"技术</h3>
			<div class="art_one">
				<ul>
					<li>
						<a href="rouxingbing.html"><img src="img/flexible_screen_img3.jpg"/></a>
						<div class="art_zi">
							<h4>柔性显示屏</h4>
							<br />
							<p>2014年柔宇在全球第一发布会了国际业界最薄、</p>
							<p>厚度仅0.01毫米的柔性显示屏、</p>
							<p>引领了柔性显示和柔性电子产业的新潮流、</p>
							<p>并于2018年大规模在量产线上成功点亮投产。</p>
						</div>
					</li>
					<li>
						<img src="img/flexible_sence_img.jpg"/>
					    <div class="art_zi">
							<h4>柔性传感器</h4>
							<br />
							<p>柔宇科技独创的新型柔性传感器、</p>
							<p>超薄、柔韧、透明、可弯曲、随处可感。</p>
							
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="footer">
			<div class="footer_one">
				<div class="footer_left">
					<ul>
						<li class="z">消费者产品</li>
						<li><a href="#">FlexPai手机</a></li>
						<li><a href="#">RoTorch柔炬</a></li>
						<li><a href="#">柔性屏衣帽</a></li>
						<li><a href="#">RoWrite柔记</a></li>
						<li><a href="#">Royle系列</a></li>
						<li><a href="#">全部产品</a></li>						
					</ul>
					<ul>
						<li class="z">行业解决方案</li>
						<li><a href="#">消费电子</a></li>
						<li><a href="#">智能交通</a></li>
						<li><a href="#">智能家居</a></li>
						<li><a href="#">运动时尚</a></li>
						<li><a href="#">教育办公</a></li>
						<li><a href="#">机器人</a></li>
						<li><a href="#">全部行业</a></li>
					</ul>
					<ul>
						<li class="z">"柔性+"技术</li>
						<li><a href="#">柔性显示屏</a></li>
						<li><a href="#">柔性传感器</a></li>
						<li><a href="#">传统触控屏</a></li>
						<li><a href="#">柔充</a></li>
					</ul>
					<ul class="y">
						<li class="z">新闻中心</li>
						<li><a href="#">公司动态</a></li>
						<li><a href="#">媒体报道</a></li>
						<li><a href="#">社会责任</a></li>
					</ul>
					<ul>
						<li class="z">购买渠道</li>
						<li><a href="#">官网</a></li>
						<li><a href="#">京东商城</a></li>
						<li><a href="#">天猫旗靓店</a></li>
						<li><a href="#">线下零售店</a></li>
						<li><a href="#">代理商招募</a></li>
					</ul>
					<ul>
						<li class="z">服务与支持</li>
						<li><a href="#">玩机教程</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">售后政策</a></li>
						<li><a href="#">下载和更新</a></li>
						<li><a href="#">预置应用公示</a></li>
					</ul>
					<!--<ul class="y">
						<li class="z">社区</li>
						<li><a href="#">开发者</a></li>
					</ul>-->
					<ul>
						<li class="z">关于柔宇</li>
						<li><a href="#">柔宇简介</a></li>
						<li><a href="#">投资机构</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">招募精英</a></li>
					</ul>
				</div>
				<div class="footer_right">
					<h4>400-999-3333</h4>
					<p>周一至周五: 9:00-21:00</p>
					<p>周六至周日: 9:00-18:00</p>
					<button><img src="img/2019-06-17_163523.png"/> 邮件咨询</button>
				</div>
			</div>
			<div class="footer_two">
				<div class="footer_d">
					<a class="l">版权所有 ©2019 深圳市柔宇科技有限公司　粤ICP备15041489号</a>
					<a class="r"><img src="img/2019-06-17_164923.png"/> <img src="img/2019-06-17_164947.png"/>|　 网站地图 　|　 隐私政策 　|　  <img src="img/2019-06-17_165005.png"/>国家/地区</a>
				</div>
			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script type="text/javascript" src="js/new_file.js"></script>

	</body>

</html>